<%@page import="org.xuyuji.web.service.MenuService"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>菜单</title>
	<script type="text/javascript" src="./js/jquery-1.11.0.js"></script>
	<style type="text/css">
		html,body{
			padding:0;
			margin:0;
			height:100%;
			width:100%;
		}
		.container{
			height:100%;
			width:100%;
			overflow: hidden;
		}
		.left{
			width:200px;
			height:100%;
			float:left;
			background-color:whitesmoke;
		}
		.middle{
			width:20px;
			height:100%;
			float:left;
			background-color:gray;
		}
		.right{
			height:100%;
			overflow: auto;
		}
		.main{
			height:100%;
			width:100%;
			margin:0px;
			padding:0px;
			border:0px;
		}
		li{
			list-style: none;
		}
		span{
			cursor: pointer;
		}
	</style>
	<script type="text/javascript">
		$(document).ready(function(){
			$("span").click(function(){
				var me = $(this);
				if(me.text() == "+")me.text("-");
				else me.text("+");
				me.siblings("ul").slideToggle("fast");
			});
			$(".middle").click(function(){
				$(".left").toggle("fast");
			});
			$("a").click(function(){
				$("#main").attr('src',$(this).href);
			});
		});
	</script>
</head>
<body>
	<div class="container">
		<div class="left">
			<% MenuService service = new MenuService();
			%>
			<%=service.createTree() %>
		</div>
		<div class="middle">
		</div>
		<div class="right">
			<iframe id="main" class="main"></iframe>
		</div>
	</div>
</body>
</html>